{% extends 'base.html' %}
{% block body %}

    <div class="row" style="color: black;margin-top: 30px">
        <div class="col-sm-6">
            <a href="/summary">
                <div class="row" style="width: 50%;text-align: center;margin: 0 auto">
                    <h4>新闻摘要</h4>
                    <div style="height: 50px">基于深度语义分析模型，自动抽取新闻文本中的关键信息并生成指定长度的新闻摘要~</div>
                    <img src="/static/image1.JPG"
                         style="width: 100%">
                </div>
            </a>

        </div>
        <div class="col-sm-6">
            <a href="/category">

                <div style="width: 50%;text-align: center;margin: 0 auto">
                    <h4>文章分类</h4>
                     <div style="height: 50px">对文章按照内容类型进行自动分类，为文章聚类、文本内容分析等应用提供基础技术支持</div>
                    <img src="/static/image2.JPG"
                         style="width: 100%">

                </div>
            </a>
        </div>

        <div class="col-sm-6" style="margin-top: 40px">
            <a href="/tag">

                <div style="width: 50%;text-align: center;margin: 0 auto">

                    <h4>文章标签</h4>
                     <div style="height: 50px">对文章进行核心关键词分析，为新闻个性化推荐、相似文章聚合、文本内容分析等提供技术支持</div>
                    <img src="/static/image3.JPG"
                         style="width: 100%">
                </div>
            </a>

        </div>
        <div class="col-sm-6" style="margin-top: 40px">
            <a href="/chat">

                <div style="width: 50%;text-align: center;margin: 0 auto">

                    <h4>小葵聊天机器人</h4>
                    <div style="height: 50px">无聊的时候来聊聊天吧~
                    </div>
                    <img src="/static/image.JPG"
                         style="width: 100%">
                </div>
            </a>

        </div>
    </div>


{% endblock %}
